/* general */
body {
}
.zdie{color: #fff; margin-left:15px;   background: none;margin-top: 12px; }
.zdie .layui-icon{cursor: hand}
.zdie:hover{color:#ffba00}
.layui-elem-quote{border-color:#4157da}
.cpy{ position: fixed; bottom: 10px; width: 100%; text-align: center; color: #fff; }
.cpy a{ color: #01AAED}
.menuimg{ float: right}
#suer dl dd {
    text-align: center;
}
#suer dl   a{
    display: block; width: 100px;   line-height: 35px;
}
.dark{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
   margin-left: 5px; margin-bottom:5px; height: 40px;
    width: 200px; overflow: hidden;
}
.dark input::-webkit-input-placeholder{
    color:#eee;
}
.dark input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#eee;
}
.dark input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#eee;
}
.dark input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#eee;
}

.search {
      width: 145px;  height: 25px; line-height: 25px; margin-left: 45px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2); margin-top: 8px; text-indent: 5px;
}
.id_search{ border: none;color: #eee}
.search_content{ position: absolute; z-index: 1000; width: 180px; height:auto; background: #f1f1f1; margin-top:40px; padding: 10px}
.search_content  a{ color: #333; line-height: 25px; padding-left: 30px  }
.search_content a.menufirsta{ color: #666; font-weight: 600;  padding-left: 20px }

/**
 *BACKGROUND CHANGER
 */
.theme-bg {
   margin-right: 30px; margin-top: -20px; margin-left: -40px;
}
.theme-bg div {
    display: inline-block;
    float: left;
    border: 4px solid #FFFFFF;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    cursor: pointer;
    margin: 5px;
}

/**
 * end
 */
.disno{ display: none}
.disblock{display: block}

.slh{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#lbheight{position: fixed;display:block;  overflow:auto}
.h-55{ height: calc(100% - 55px);}
.h-118{ height: calc(100% - 118px);}
.ohauto{ overflow: auto}
.ohide{overflow: hidden}
 
.hscroll2::-webkit-scrollbar{
    width:2px;
    height:10px;
    /**/
}
.hscroll2::-webkit-scrollbar-track{
    background: rgb(239, 239, 239);
    border-radius:2px;
}
.hscroll2::-webkit-scrollbar-thumb{
    background: #1e9fff;
    border-radius:10px;
}
.hscroll2::-webkit-scrollbar-thumb:hover{
    background: #0036ff;
}
.hscroll2::-webkit-scrollbar-corner{
    background: #179a16;
}
/**
 * getstatus
 */
.getstatus{ position:relative}
.getstatus_m{padding: 20px;}
.total_m{margin-bottom: 10px;}
.total_m span{ margin-right: 0px}

.dtoli{padding: 10px;}
.dtoli_m{border-radius: 0px; width: 100%;box-shadow: 0 0 5px #ccc;height: 238px }
.dtoli_zt{width: 68px;height: 68px; padding: 8px;position: relative;float: left;}
.dtoli_zt div{ position: absolute;z-index: 1;color: #07cd5a;width: 68px; text-align: center;font-size: 14px;left:8px;
    top:26px;height: 68px; line-height: 18px;}
.dtoli_text{float: left;font-size: 12px; color: #666;line-height: 20px;width:calc(100% - 90px); }
.dtoli_text h3{color: #333;font-size: 16px; font-weight: 600;margin-top: 15px; white-space: nowrap; overflow: hidden;width: 100%;text-overflow: ellipsis}
.dtoli_text_li{clear: both;width: 100%; line-height: 30px; text-indent: 10px; }
.dtoli_up,.dtoli_down{float: left;width: 40%;background: url("/image/socket/jup.png") no-repeat 10px center;color: #333; text-indent: 20px;height:20px; line-height: 20px}
.dtoli_down{background: url("/image/socket/jdown.png") no-repeat 10px center;width: 50%;}
.prcm{width: 100%; border-top: 1px solid #eee; height: 65px;line-height: 25px;padding-bottom:10px;position: relative;background:url("/image/socket/xiaxia.png") no-repeat   center 60px; }
.prcm  .prcm_c{display: none;position: absolute;width: 100%;margin-top:-61px}
.prcm:hover .prcm_c{display: block}
.prcm_c_li{margin:3px; padding: 3px;background: #f1f1f1; border: none ;font-size: 12px;}
.stanum{ width: 24px; text-align: center;height: 20px; line-height: 20px; color: #fff;background: #c30;padding:2px 0px; float: left;display: block  }
.fabtn{background: #07cd5a;float: right;margin-top: 1px }
.dbtn{background: #c30;float: right;margin-top: 1px;}
.nbtn{ float: right; padding: 0 5px; margin-top: 1px}
.prcmtxt{text-indent: 10px;float: left}
.prcmain{float: right;padding-right: 10px;}
.prcmain a{width: 20px; height: 20px;line-height: 20px; text-align:center;font-size: 12px; display: block; float: left;overflow: hidden;margin:4px 2px; border-radius:40%;color: #fff;background: #07cd5a}
.prcmain a.red{background: #c30}
.rotate{ animation:turn 1s linear infinite;  }
.devname{float:left;display:block;white-space: nowrap; overflow: hidden;width:calc(100% - 89px);text-overflow: ellipsis;margin-left:5px;}
@keyframes turn{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}

.toolbtn{float: right}
.toolbtn i{ font-size: 18px; font-weight: 600;color:#0072ff;cursor: pointer}
/*small-list*/
.small-list{position: relative}
.small-list .layui-col-lg2{ width: 60px; }
.small-list .layui-col-lg2  .dtoli_m{display: none;z-index: 100}
.small-list .layui-col-lg2  .dtoli:hover .dtoli_m{display: block;width: 200px;position: absolute;background: #fff}

.brief-li{ width: 16.6666%;float: left}
.brief-li-m{padding:5px;}
.blm-c{padding:0 3px; box-shadow: 0 0 5px #ccc;height:28px }
.blmc-line{clear: both; width:100%;height: 2px;overflow: hidden;background: #fff}
.blmctext{ color: #666;font-size: 12px;  margin-top:3px;}
.blmctext span{float: left;display: block;  height: 18px;  line-height: 18px; }
.blmctext div{float: left}
.blmctext   .blmstam{background: #ffdcf0; text-indent: 3px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;display: none}
.blmctext   .blmstam a{ display: block;    cursor: pointer; width: 100%;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;float: left }
.blmctext   .blmstam:hover{cursor: pointer;display: block}
.blmctext  span:nth-child(2){display: block}
.blmctext .blmsta{ cursor: hand; float: left;display: block; margin-left: 3px;  text-align:center; height: 18px; width: 22px;  line-height: 18px;background: #c30;color: #fff;font-size: 10px;}
.blmctext .blmplc{ width:calc(100% - 33px); text-indent: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left;display: block }
.clear{clear: both}
.blm-ctit{background: #c30;color: #fff;height: 18px;font-size: 10px; text-indent: 10px;line-height: 18px;}
.doline{animation:doline 1s linear infinite; }
.layui-btn-group .active{background:#1E9FFF;color: #fff }
.layui-btn-group .active:hover{color: #fff}
.tablediv{width: 100%;clear: both;font-size: 12px; border-bottom: 1px dotted #ccc;margin-bottom:5px;height: 30px; line-height: 30px;}
.tablediv span{float: left;display: block;margin-left: 15px}
.tablediv span:nth-child(2){max-width: 300px;}
table.statable  tr td{word-break:keep-all; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
@keyframes doline{
    0%{width: 1%}
    100%{width: 100%}
}


/*----map--*/

/*2021-07-22*/
.layui-body{right:5px;bottom: 5px;}
.layui-header{height: 50px}
.layui-layout-admin .layui-body{top: 50px}
.layui-nav{ background: none}
.layui-nav-tree .layui-nav-bar{ background: none}
.layui-nav .layui-this:after, .layui-nav-bar{ background: none}
.layui-nav-tree .layui-nav-item h4{margin-right: 0}
.layui-nav-tree .layui-nav-item > a .layui-nav-more{display: none}
.layui-nav-tree .layui-nav-item a img{margin-right: 5px; margin-left: 8px;}
.layui-nav .layui-nav-more{display: none}
.layui-nav-tree .layui-nav-item .layui-nav-child   dd:hover{
    animation:myfirst 2s;
    background: url("/image/crow.png")   no-repeat left center;opacity: 0.5;
}
.layui-table, .layui-table-view{ margin-top:1px; margin-bottom:10px}
.layui-nav .layui-nav-item{ line-height: 50px}
.layui-nav .layui-nav-item a{padding: 0 10px}
.layui-header .layui-nav .layui-nav-item a{padding: 0 20px;line-height: 50px}
.layui-nav-img{ width: 25px; height: 25px}
.leftit .layui-nav-item a:hover span.disno{margin-left:-10px;height: 50px; text-align: center; line-height: 50px;font-size: 12px;float: left;padding-left: 0}
.normalbtn{ height:100%;text-align: center; background: #eee;color: #333 }
.normalbtn:hover{ height:100%;text-align: center;opacity: .8;    filter: alpha(opacity=80); }
.layui-btn2 {    height:100%;           background-color: #009688;    color: #fff;    white-space: nowrap;
    text-align: center;       border-radius: 2px;    cursor: pointer}
.layui-btn2:hover {    opacity: .8;    filter: alpha(opacity=80);    color: #fff}
.layui-btn2:active {    opacity: 1;    filter: alpha(opacity=100)}
.layui-btn-primary {    border-color: #d2d2d2;    background: 0 0;    color: #666}
.layui-btn-primary:hover {    border-color: #009688;    color: #333}
.layui-btn-normal {    background-color: #1E9FFF}
.layui-btn-warm {    background-color: #FFB800}
.layui-btn-danger {    background-color: #FF5722}
.overhide{overflow: hidden}
.overauto{overflow: auto}
.left410{left: 410px}
.left405{left: 405px}
.left400{left: 400px}
.w205{ width: 200px; margin-left: 5px}
.bg0003{background: rgb(0,0,0,0.3);}